三元運算子
條件? 如果是true :如果是false
類似簡化版的if判斷式,條件判斷成立顯示前項(冒號左邊),不成立則顯示後項(冒號右邊)
舉例:判斷是否及格
const score = 80;
console.log(score >= 60 ? "及格":"不及格"); //及格
可以用變數儲存三元運算子再顯示
const score = 50;
const check = score >=60 ? "及格" : "不及格" ;
console.log(check); //不及格
可以用falsy value判斷
0,NaN,"",null,undefined,false
const check = 0 ? "及格" : "不及格" ; // 0是falsy value會顯示後項
console.log(check); //不及格
const number = 1 ? "真":"假"; //用truthy value也可以拿來判斷
console.log(number); //真
可以用在模板字串內判斷
const score = 90;
console.log(`${score>=60? "及格":"不及格"}`); //及格
搭配使用:購物網站 (1)
若數值為空值直接不顯示,數值有則正常顯示,練習時要注意"折"跟"$"的位置